<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>wsblog</title>
    <style type="text/css">

body{
    background-image: url(img/bgimg.jpg);
    margin: 0px;
}
#head {
    width: 100%;
    height: 150px;

    border-width: 0;
    position: relative;
}
#head #headfont{
    position: absolute;
    left: 10%;
    font-size: 80px;
    top: 20px;
    margin: 0px;
    opacity: 0.8;
    color: white;
    font-family: sans-serif;
    font-weight: bolder;
    display: block;
    text-decoration: none;
}
#head #headdesc {
    position: absolute;
    left: 10%;
    top: 100px;
    color: white;
    margin: 0px;

    font-size: 20px;

}

        #navigationbar{
            position: relative;
            background-color: #222222;
            width: 100%;
            height: 60px;
            box-shadow: 0px 0px 3px black;
        }

        #navigationbar ul{
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            position: absolute;
            left: 50px;


        }

        #navigationbar a{
            text-decoration: none;
            color: #F0F8FF;
            display: block;
            width: 150px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            outline: none;
        }

        #navigationbar a:hover{
            background-color: black;
            box-shadow: 0px 0px 5px black;
        }



        #navigationbar li{
            float: left;

        }


        #content{
            position: relative;
            width: 100%;
            /*min-height: 200px;*/
            margin-top: 0px;
            background-color: #262626;
        }

        #content #contentblock{
            margin-left: 15%;
            margin-right: 15%;
            margin-top: 0;
            margin-bottom: 0;
            padding-bottom: 200px;

            /*min-height: 200px;*/
            width: 70%;
            color: #FEFEFE;



        }



        #content #wrap{
            margin-left: 5%;
            margin-top: 0px;
            width: 90%;
            padding-top: 20px;
            padding-bottom: 40px;
            min-height: 200px;

        }


        .dropdcontent{
            display: none;
            position: absolute;
            background-color: #222222;
            width: 150px;
            z-index: 1;

        }

        .dropdcontent a{
            color: #FEFEFE;
            font-size: 20px;
            width: 100%;
            text-decoration: none;
            display: block;
        }

        .dropdcontent a:hover{
            background-color: #262626;
        }

        #desktopli:hover #dtpage,
        #mobileli:hover #mbpage,
        #webdevli:hover #webdpage,
        #programeli:hover #plpage{
            display: block;
        }


        #websitemap{
            padding-top: 20px;
            margin-left: 5%;
        }

        #websitemap a{
            text-decoration: none;
            color: #FEFEFE;
        }

        #wrap #contenttitle{
            width: 100%;
            font-size: 30px;
            text-align: center;
        }

        #wrap #contenttime{
            color: #AFAFAF;
            width: 100%;
            text-align: center;
        }


        #wrap #contentartical{
            margin-top: 60px;
            margin-bottom: 50px;
        }


        #foot{
            background-color: #262626;
            position: relative;
            width: 100%;
            height: 100px;
            margin: 0px;

            z-index: -1;
        }
        #foot p{
            color: #FEFEFE;
            position: absolute;
            left: 15%;
            width: 70%;
            text-align: center;

        }

    </style>
</head>
<body>

<div id="head">
    <a id="headfont" href="index.html">wsblog</a>
    <p id="headdesc">闷 声 发 大 财</p>
</div>
<div id="navigationbar">
    <ul>
        <li><a id="mainpage" href="index.html">首页</a></li>
        <li id="desktopli">
            <a id="desktop" href="index.html">桌面开发</a>
            <div class="dropdcontent" id="dtpage">
                <a href="index.html">Windows</a>
                <a href="index.html">Linux</a>
                <a href="index.html">OS X</a>
            </div>

        </li>
        <li id="mobileli">
            <a id="mobile" href="index.html">移动开发</a>
            <div class="dropdcontent" id="mbpage">
                <a href="index.html">Android</a>
                <a href="index.html">IOS</a>
                <a href="index.html">UWA</a>
            </div>
        </li>
        <li id="webdevli">
            <a id="webdev" href="index.html">网络开发</a>
            <div class="dropdcontent" id="webdpage">
                <a href="index.html">前端</a>
                <a href="index.html">后台</a>
            </div>
        </li>
        <li id="programeli">
            <a id="programelang" href="index.html">编程语言</a>
            <div class="dropdcontent" id="plpage">
                <a href="index.html">C/C++</a>
                <a href="index.html">Java</a>
                <a href="index.html">Python</a>
                <a href="index.html">其他</a>
            </div>
        </li>
        <li><a id="about" href="index.html">关于博客</a></li>
    </ul>


</div>

<div id="content">
    <div id="contentblock">
        <div id="websitemap">
            <p>当前位置：
                <a href="index.html">首页</a>>
                <a href="#">桌面开发</a>>
                <a href="#">Linux</a>
            </p>
        </div>
        <div id="wrap">
            <p id="contenttitle">WSBLOG的第一篇文章</p>
            <p id="contenttime">2017年3月4日</p>
            <div id="contentartical">
                <p><strong>Html空格字符输入，html网页代码多个空格输入,空格字符代码教程篇</strong></p><p>我们知道这<a href="http://www.divcss5.com/html/" target="_blank">HTML</a>网页中插入多个空格间隔是需要特殊字符编码的。如果是直接敲入多个空格键，虽然看似代码中有了多个空格效果，但在浏览器中还是只有1个空格的间隔位置。</p><p>接下来DIVCSS5教大家如果输入html空格字符，多个空格字符如何输入？我们采用直接复制空格字符与DW软件输入空格字符方法。</p><ul class="mulu list-paddingleft-2"><li><p><strong>html空格目录</strong></p></li><li><p><br/></p></li><ol class=" list-paddingleft-2"><li><p><a href="http://www.divcss5.com/html/h389.shtml#no1">Html空格字符语法代码</a></p></li><li><p><a href="http://www.divcss5.com/html/h389.shtml#no2">输入空格方法</a></p></li><li><p><a href="http://www.divcss5.com/html/h389.shtml#no3">html空格总结</a></p></li></ol></ul><h3 class="title-b"><a></a>一、Html空格字符语法代码 &nbsp;&nbsp; - &nbsp; <a href="http://www.divcss5.com/html/h389.shtml#top"><span style="text-decoration:underline;">TOP</span></a></h3><p><strong>&amp;nbsp;</strong></p><p>空格字符由&amp;+n+b+s+p+;组成字符，后面的分号记住不能少了。这组空格字符一定输入到<a href="http://www.divcss5.com/html/h393.shtml" target="_blank">HTML代码</a>里，才能实现空格效果。</p><p>如果有多个空格我们就复制粘贴输入多次“&amp;nbsp;”即可。</p><p>&amp;nbsp; 代表空格的转意字符</p><h3 class="title-b"><a></a>二、输入空格方法 &nbsp;&nbsp; - &nbsp; <a href="http://www.divcss5.com/html/h389.shtml#top"><span style="text-decoration:underline;">TOP</span></a></h3><p><strong>1、dw软件输入空格字符</strong><br/>首先我们将鼠标当前指针放到要插入空格字符地方，然后点击DW软件“<strong>插入</strong>”然后选择点击“<strong>HTML</strong>”</p><p style="text-align: center;"><img src="http://www.divcss5.com/uploads/allimg/130130/1_130130150024_1.png" alt="html空格输入方法软件篇"/><br/>html输入空格</p><p>再在“<strong>HTML</strong>”弹出选项中选择“特殊字符”然后再选择点击“<strong>不换行空格</strong>”，这样立即输入“<strong>&amp;nbsp;</strong>”空格字符代码，如果输入多个空格字符按照以上操作即可输入多个html空格字符。</p><p style="text-align: center;"><img src="http://www.divcss5.com/uploads/allimg/130130/1_130130150107_1.png" alt="html空格输入方法截图"/><br/>DW输入空格字符代码</p><p><strong>2、DW里快捷键输入空格字符</strong><br/>当然也可以使用快捷键“Ctrl+Shift+Space”输入空格“&amp;nbsp;”字符。<br/>你可以记住html空格字符拼写字母与字符。</p><p>如果是有规律的空格间隔，可以使用<a href="http://www.divcss5.com/rumen/r295.shtml" target="_blank">css字体</a>间隔样式实现（<a href="http://www.divcss5.com/rumen/r75.shtml" target="_blank">css文字间距</a>）。</p><h3 class="title-b"><a></a>三、html空格总结 &nbsp;&nbsp; - &nbsp; <a href="http://www.divcss5.com/html/h389.shtml#top"><span style="text-decoration:underline;">TOP</span></a></h3><p>在html网页中单个空格我们直接键入空格键即可实现空格排版，如果要实现多个空格排版，我们就需要&amp;nbsp;空格字符来实现</p><p>如需转载，请注明文章出处和来源网址：<a href="http://www.divcss5.com/html/h389.shtml">http://www.divcss5.com/html/h389.shtml</a></p><p><br/></p>
            </div>






        </div>
    </div>
</div>

<div id="foot">
    <p>Power by wsgalaxy.<br/>
    Copyright©2017-2099.All Rights Reserved.</p>
</div>

</body>
</html>